
<?php
/**
 * @package		Joomla.Site
 * @subpackage	mod_random_image
 * @copyright	Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

// no direct access
defined('_JEXEC') or die;

$doc =& JFactory::getDocument();

$doc->addStyleSheet('modules/mod_my_image_slider/css/style.css');
$doc->addScript("http://code.jquery.com/jquery-1.7.1.min.js");
$doc->addScript("modules/mod_my_image_slider/js/myImageSlider.js");



?>

<div class="myImageSlider-container">

	<div class="myImageSlider-preview">
	
	<?php
	$img = $images[0];
	echo JHtml::_('image', $img->folder . '/' . $img->name, $img->name, ' id="myImageSlider-previewImage2" class="myImageSlider-previewImage2"'); 
	echo JHtml::_('image', $img->folder . '/' . $img->name, $img->name, ' id="myImageSlider-previewImage" class="myImageSlider-previewImage"');
	?>
	
	</div>

	<div class="myImageSlider-sliderArrowContainer" >

		<div class="myImageSlider-arrowContainer">
			<img src="modules/mod_my_image_slider/images/slider-arrow-left.png" onmouseover="myImageSliderObj.slideLeft()" onmouseout="myImageSliderObj.clearTimeout()" />
		</div>

		<div class="myImageSlider-sliderContainer">
			<div  id="myImageSlider-imageContainer" class="myImageSlider-imageContainer" >
			
				<?php
				$img = array_shift($images);
				echo JHtml::_('image', $img->folder . '/' . $img->name, $img->name, 'class="active"');

				foreach ($images as $img)
					echo JHtml::_('image', $img->folder . '/' . $img->name, $img->name);
				?>

			</div>
		</div>

		<div class="myImageSlider-arrowContainer">
			<img src="modules/mod_my_image_slider/images/slider-arrow-right.png" onmouseover="myImageSliderObj.slideRight()" onmouseout="myImageSliderObj.clearTimeout()" />
		</div>

	</div>

</div>
